.record_item {
  background: #ffffff;
  margin-bottom: rem(10);
  .box {
    display: flex;
    align-items: center;
    padding:rem(30);
    .left {
      width: rem(570);
      h3 {
          font-size: rem(26); color: #333333; font-weight: 400;
          height: rem(37); line-height: rem(37);
          overflow: hidden;
          word-break: break-all;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
      }
      .tag {
          margin-top: rem(12); display: flex;
          align-items: center;
          .price {
              font-size: rem(26); color: #333333;
              margin-right: rem(20);
              height: rem(37); line-height: rem(37);
          }
          .tag_item {
              border: 1px solid #E93323;
              color: #E93323;
              font-size: rem(20);
              height: rem(30);; line-height: rem(30); display: block;
              margin-right: rem(10); padding: rem(0) rem(5);
              border-radius: rem(5);
          }
      }
      .author {
          margin-top: rem(20); font-size: rem(24); color: #999999;
      }
    }
    .right {
      width: rem(180);
      text-align: right;
      .rebate_money {
        font-size: rem(30);color: #333333;
        font-weight:500;
      }
      .remake {
        color: #666666;
        font-size: rem(24);
        &.red {
          color: #E93323;
        }
      }
    }
  }
  .res {
    line-height: rem(60);
    padding: 0 rem(30);
    border-top: 1px solid #EDEFF2; color: #E93323;
  }
}